import axios from 'axios'
import { Toast } from 'antd-mobile'
import { getToken, setToken } from './storage'
import { sendToken, loginOut } from '@/store/actions/login'
import history from './history'
import store from '@/store'

const baseURL = 'http://geek.itheima.net/v1_0/'
const instance = axios.create({
  timeout: 5000,
  baseURL,
})
console.log(history.location.pathname)
// http request 拦截器
instance.interceptors.request.use(
  (config) => {
    // 获取缓存中的 Token 信息
    const token = getToken().token
    // console.log(token)
    if (token) {
      // 设置请求头的 Authorization 字段
      config.headers['Authorization'] = `Bearer ${token}`
    }
    return config
  },
  (err) => {
    return Promise.reject(err)
  }
)
// http response 拦截器
instance.interceptors.response.use(
  (response) => {
    //拦截响应，做统一处理

    return response.data
  },
  //接口错误状态处理，也就是说无响应时的处理
  async (error) => {
    if (!error.response) {
      Toast.info('网络服务器错误，请检查网络', 2)
      return Promise.reject(error.response)
    }
    const { response, config } = error
    // 网络没问题，后台返回了有数据
    if (response.status !== 401) {
      // 不是token失效的问题
      Toast.info(response.data.message)
      return Promise.reject(error.response)
    }
    // 网络没问题，且是401 token失效的问题
    // 1. 判断有没有刷新token
    const { refresh_token } = getToken()
    if (!refresh_token) {
      // 没有token
      // 跳转到登录页
      history.push({
        pathname: '/login',
        state: {
          from: history.location.pathname,
        },
      })
      return Promise.reject(error.response)
    }

    try {
      const res = await axios({
        method: 'put',
        url: baseURL + 'authorizations',
        headers: {
          Authorization: `Bearer ${refresh_token}`,
        },
      })
      const tokenInfo = {
        token: res.data.data.token,
        refresh_token: refresh_token,
      }
      store.dispatch(sendToken(tokenInfo))
      setToken(tokenInfo)
      return instance(config)
    } catch (err) {
      store.dispatch(loginOut())
      // 跳转到登录页
      history.push({
        pathname: '/login',
        state: {
          from: history.location.pathname,
        },
      })
      Toast.info(error.response.data.message, 2)
      return Promise.reject(error.response)
    }
    // 是401错误，且有刷新token,刷新token

    //   Toast.info(error.response.data.message, 2)
    //   return Promise.reject(error.response) // 返回接口返回的错误信息
  }
)

export default instance
